<template>
  <div>
    <van-tabbar v-model="active" active-color="#ee0a24" inactive-color="#000" route>
      <van-tabbar-item icon="home-o" replace to="/home">
      <i class="iconfont icon-tuya_huabanfuben" slot="icon"></i>
        <span>首页</span>
      </van-tabbar-item>
      <van-tabbar-item icon="search" replace to="/dissertation">
      <i class="iconfont icon-biaoqian" slot="icon"></i>
        <span>专题</span>
      </van-tabbar-item>
      <van-tabbar-item icon="friends-o" replace to="/classify">
      <i class="iconfont icon-pingtai_mokuai" slot="icon"></i>
        <span>分类</span>
      </van-tabbar-item>
       <van-tabbar-item icon="friends-o" replace to="/gouwu">
      <i class="iconfont icon-shouye" slot="icon"></i>
        <span>购物车</span>
      </van-tabbar-item>
      <van-tabbar-item icon="setting-o" replace to="/mine">
      <i class="iconfont icon-wode" slot="icon"></i>
        <span>我的</span>
      </van-tabbar-item>
    </van-tabbar> 
  </div>
</template>

<script>
import Vue from "vue";
import { Tabbar ,TabbarItem} from "vant";
import '../assets/font/iconfont.css'
Vue.use(Tabbar);
Vue.use(TabbarItem)
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style>
</style>